<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>驾校一点通</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/iconfont-page2.css" />
		<script type="text/javascript" src="js/config.js"></script>
		<script type="text/javascript" src="js/utils/mui.min.js"></script>
		<script type="text/javascript" src="js/utils/template.js"></script>
		<script type="text/javascript" src="js/utils/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="js/utils/zepto.cookie.min.js"></script>
		<script type="text/javascript" src="js/base.js"></script>
	</head>

	<body>

		<div class="mui-content" id="kemu">
			<div id="Gallery" class="mui-slider">
				<div class="mui-slider-group">
					<div class="mui-slider-item">
						<ul class="mui-table-view mui-grid-view mui-grid-9">
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#" onclick="alert('This Jump To Another Web');">
									<span class="mui-icon iconfont icon-kemuyi icon_font"></span>
									<div class="mui-media-body font-size-normal">科目一</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon iconfont icon-kemuer icon_font"></span>
									<div class="mui-media-body font-size-normal">科目二</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon iconfont icon-kemusan icon_font"></span>
									<div class="mui-media-body font-size-normal">科目三</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon iconfont icon-kemu icon_font"></span>
									<div class="mui-media-body font-size-normal">科目四</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon mui-icon-image icon_font"><span class="mui-badge">5</span></span>
									<div class="mui-media-body font-size-normal">驾考风采</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon mui-icon-image icon_font"><span class="mui-badge">5</span></span>
									<div class="mui-media-body font-size-normal">驾考风采</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon mui-icon-image icon_font"><span class="mui-badge">5</span></span>
									<div class="mui-media-body font-size-normal">驾考风采</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon mui-icon-more icon_font"></span>
									<div class="mui-media-body font-size-normal">更多</div>
								</a>
							</li>
						</ul>
					</div>
					<div class="mui-slider-item">
						<ul class="mui-table-view mui-grid-view mui-grid-9">
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#" onclick="alert('This Jump To Another Web');">
									<span class="mui-icon iconfont icon-kemuyi icon_font"></span>
									<div class="mui-media-body font-size-normal">科目一</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon iconfont icon-kemuer icon_font"></span>
									<div class="mui-media-body font-size-normal">科目二</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon iconfont icon-kemusan icon_font"></span>
									<div class="mui-media-body font-size-normal">科目三</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon iconfont icon-kemu icon_font"></span>
									<div class="mui-media-body font-size-normal">科目四</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon mui-icon-image icon_font"><span class="mui-badge">5</span></span>
									<div class="mui-media-body font-size-normal">驾考风采</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon mui-icon-image icon_font"><span class="mui-badge">5</span></span>
									<div class="mui-media-body font-size-normal">驾考风采</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon mui-icon-image icon_font"><span class="mui-badge">5</span></span>
									<div class="mui-media-body font-size-normal">驾考风采</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-3 li_style">
								<a href="#">
									<span class="mui-icon mui-icon-more icon_font"></span>
									<div class="mui-media-body font-size-normal">更多</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="mui-slider-indicator" style="bottom: 2px;">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<div class="mui-bg-container">
				<h1 class="title">最新资讯</h1>
				<ul class="mui-table-view mui-table-view-chevron disContent" id="news-ul">
				</ul>
				<script type="text/html" id="news">
					<% for(var i=0;i<d.length;i++){ %>
						<li class="mui-table-view-cell mui-media">
							<a href="javascript:;" class="mui-navigate-right" id ="<%=d[i].contentid%>">
								<img class="mui-media-object mui-pull-left" src="http://www.myzii.cn/<%=d[i].contentthumb %>">
								<div class="mui-media-body">
									<p class="title"><%=d[i].contenttitle.substring(0,12)+'....'%></p>
									<p class='mui-ellipsis'></p>
								</div>
							</a>
						</li>
						<%}%>
				</script>
			</div>
			<div class="mui-bg-container">
				<h1 class="title">系统公告</h1>
				<ul class="mui-table-view mui-table-view-chevron disContent" id="system-ul">
				</ul>
				<script type="text/html" id="system">
					<% for(var i=0;i<d.length;i++){ %>
						<li class="mui-table-view-cell mui-media">
							<a href="" class="mui-navigate-right" id ="<%=d[i].contentid%>">
								<img class="mui-media-object mui-pull-left" src="http://www.myzii.cn/<%=d[i].contentthumb %>">
								<div class="mui-media-body">
									<p class="title"><%=d[i].contenttitle.substring(0,12)+'....'%></p>
									<p class='mui-ellipsis'></p>
								</div>
							</a>
						</li>
						<%}%>
				</script>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		JXXC.action.news.index_news(function(oData) {
			var tpl = template('news', oData);
			document.getElementById("news-ul").innerHTML = tpl;
		});
		JXXC.action.news.index_system(function(oData) {
			var tpl = template('system', oData);
			document.getElementById("system-ul").innerHTML = tpl;
		});
		
		mui(".disContent").on('tap','a',function(){
			var id = this.getAttribute("id");
			JXXC.utils.loadDisplay.loadDis(id ,"display.html");
			console.log(111);
		});
		
	</script>

</html>